﻿@using StonePonyMVC.Models
@model StonePonyMVC.Models.LetterModel
           
<!DOCTYPE html>

@{
    IList<StonePonyMVC.StonePony.Classes.ImageDescriptor> RequestedItems = Model.Items;
}

<html>
<head>
    <title>Letter</title>
 </head>
<body style="color: #DDDDDD; background-color:#8C8C8C; font-family: Arial, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 10pt; font-weight: normal;">
    <div style="width: 100%; border: 1px solid #43413D; background-color: #444444; color: #909090; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;">
        <div style="padding: 10px; text-align: left; font-weight: bolder;">
            <div style="width: 100%; text-align: center; margin-bottom: 30px;">
                <small><span>This message was automatically generated by the <span>www.stone-pony.com.au</span> website</span></small>
            </div>            
            <p>
                Dear <span style="text-transform: uppercase;">@Model.FirstName</span>, 
                <br /><br />
                Here is a list of items that you enquired about during your last session. If you have any quiries about this list, 
                please reply to this email.
                <br /><br />
                One of our sales staff will be in contact soon.
            </p> <br />
            <p>Thanks,</p>
            <p>Stone Pony</p>
        </div>
    </div>      
    <div style="margin: 10px 10px; font-size: small;">
@{
    foreach (var item in RequestedItems)
    {
        <div style="float:left; width: 160px; border: 1px solid #43413D; margin: 5px 20px 0 0; font-weight: bolder; text-align: center;">
            <ul style="background-color: #444444; margin: 0; padding: 0; list-style: none;">
                <li style="border-bottom: 2px solid #8C8C8C;">Shipment: <span>@item.ItemShipment.ToString()</span></li>
                <li style="border-bottom: 2px solid #8C8C8C; text-transform: uppercase;">@item.ItemStockCode</li>
                <li style="border-bottom: 2px solid #8C8C8C; text-transform: uppercase;">@item.ItemTitle</li>
                <li style="padding: 4px 0;">
                    <img src="@item.SmallImageUrl" />
                </li>
            </ul>
        </div>
    }
}
    </div>
</body>
</html>
